<script setup lang="js">
import VueNumberRollPlus from "vue3-number-roll-plus"
import "vue3-number-roll-plus/main.css"
defineProps(
    {
      number: {
        type: Number,
        default: 0
      },
      speed: {
        type: Number,
        default: 1
      },
      isSemicolon: {
        type: Boolean,
        default: true
      }
    }
)
</script>

<template>
  <div>
    <vue-number-roll-plus
        :number="number"
        :speed="speed"
        :isSemicolon="isSemicolon"
        background="transparent"
        @numberChange="$emit('numberChange',v)"
        @done="$emit('done',v)"
        class="num"
    >
    </vue-number-roll-plus>
  </div>
</template>
<style scoped lang="scss">
:deep(.num .real-time-num){
  height: 31px;
  width: auto;
  margin-left: 0;
}
</style>
